<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 无序列表  双标签  块状元素（）-->
    <ul type="disc">
        <li style="width: 200px; height:40px; background:red;">无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    <ul type="square">
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    <ul type="circle">
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    <!-- 有序列表  1,A,a,I,i   start="4"序号从“第”几个开始 -->
    <ol type="a" start="4">
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>
    <!-- 自定义列表 -->
    <dl>
        <dt>家用电器：</dt>
        <dd>包含：电视机、电冰箱、空调、洗衣机……</dd>
       
    </dl>
</body>

</html>